{% extends "base.html" %}

{% block head %}
{{ super() }}
{% endblock %}

{% block import_area %}
{{ super() }}

<script src="{{url_for('static', filename='../static/js/plugins/jquery.charcounter.js')}}" type="text/javascript" charset="utf-8"></script>
	
<script src="{{url_for('static', filename='../static/js/control/zform.js')}}"
	type="text/javascript" charset="utf-8"></script>
{% endblock %}


{% block js_code %}
{{ super() }}	
<script>
	$(document).ready(function(){
		var $LoginForm = $('#login-form').ZForm({height:200});
		
		$('#login-dialog').hide();
		$(".counted").charCounter(320,{container: "#counter"});
	});
	
</script>
{% endblock %}

{% block content %}

<div class="container">

	
	<div class="col-xs-12 col-sm-12">

  
  <div class="container">
    <div class="row">
        <div class="col-md-12">
                    <ul class="chat">
                        <li class="left clearfix"><span class="chat-img pull-left">
                            <img src="{{url_for('static', filename='../static/img/rockin-s.jpg')}}" alt="Rockin" />
                        </span>
                            <div class="chat-body clearfix">
                                <div class="header">
                                    <strong class="primary-font">Zumba Rockin</strong> 
                                    <small class=" text-muted"><span class="glyphicon glyphicon-time"></span>12/18/2013 ~ 12/31/2013</small>
                                </div>
                                <p>Design exclusively for kids, the classes are rockin, high-energy fitness parties packed with specially choreographed, kid-friendly routines and all the music kids love, like hip-hop, reggae, cumbia and more.Classes taught by certified Zumba instructors.
                                </p>
                            </div>
                        </li>
                        <li class="right clearfix"><span class="chat-img pull-right">
                            <img src="{{url_for('static', filename='../static/img/batminton-s.jpg')}}" alt="Batminton" />
                        </span>
                            <div class="chat-body clearfix">
                                <div class="header">
                                	<strong class="primary-font">Batminton</strong>
                                    <small class=" text-muted"><span class="glyphicon glyphicon-time"></span>12/18/2013 ~ 12/31/2013</small>
                                </div>
                                <p>Racquet sport played by either two or more players.  Similar to tennis players score points by striking a shuttlecock with their racquet so that it passes over the net and lands in their opponents' half of the court.  All skill levels welcome.
                                </p>
                            </div>
                        </li>
                        <li class="left clearfix"><span class="chat-img pull-left">
                            <img src="{{url_for('static', filename='../static/img/basketball-s.jpg')}}" alt="Basketball" />
                        </span>
                            <div class="chat-body clearfix">
                                <div class="header">
                                    <strong class="primary-font">Kidz Combo</strong>
                                    <small class="text-muted"><span class="glyphicon glyphicon-time"></span>12/18/2013 ~ 12/31/2013</small>
                                </div>
                                <p>Kidz Combo offers a variety of activities for children aged 6-12yrs old including sports, crafts, active games and fitness.  The goal of this program is the encourage children to have a healthy lifestyle in a supervised, fun and safe environment.  Come join us.  There is no need to register!
                                </p>
                            </div>
                        </li>
                        <li class="right clearfix"><span class="chat-img pull-right">
                            <img src="#" alt="User Avatar" class="img-circle" />
                        </span>
                            <div class="chat-body clearfix">
                                <div class="header">
                                    <small class=" text-muted"><span class="glyphicon glyphicon-time"></span>15 mins ago</small>
                                    <strong class="pull-right primary-font">Bhaumik Patel</strong>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare
                                    dolor, quis ullamcorper ligula sodales.
                                </p>
                            </div>
                        </li>
                    </ul>
        </div>
    </div>
</div>
  
  
	</div>
</div>
{% endblock %}
